<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>订单管理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/public.css">
    <link href="css/center/order/amazeui.css" rel="stylesheet" type="text/css">
    <link href="css/center/order/personal.css" rel="stylesheet" type="text/css">
    <link href="css/center/order/orstyle.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="./layer/theme/default/layerui.css">
    <link href="css/public.css" rel="stylesheet" type="text/css">
    <script src="js/jquery.js"></script>
    <script src="js/template/template-web.js"></script>
    <script src="./layer/layer.js"></script>
    <script src="js/center/order/amazeui.js"></script>
    <script src="js/header.js"></script>
    <script src="js/commit.js"></script>
</head>
<body>
<div class="center">
    <div class="col-main">
        <div class="main-wrap">
            <div class="user-order">

                <div class="am-cf am-padding">
                    <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单管理</strong></div>
                </div>
                <hr>
                <div class="am-tabs am-tabs-d2 am-margin" data-am-tabs="">
                    <ul class="am-avg-sm-5 am-tabs-nav am-nav am-nav-tabs">
                        <li class="am-active"><a href="#tab1">已付款</a></li>
                        <!-- <li><a href="#tab2">待付款</a></li> -->
                    </ul>
                    <div class="am-tabs-bd" style="touch-action: pan-y; user-select: none;">
                        <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                            <div class="order-top">
                                <div class="th th-item">
                                    商品
                                </div>
                                <div class="th th-price">
                                    单价
                                </div>
                                <div class="th th-number">
                                    数量
                                </div>
                                <div class="th th-operation">
                                    商品操作
                                </div>
                                <div class="th th-amount">
                                    合计
                                </div>
                                <div class="th th-status">
                                    交易状态
                                </div>
                                <div class="th th-change">
                                    交易操作
                                </div>
                            </div>
                            <div class="order-main">
                                <div class="order-list" id="order">

                                    <script type="text/html" id="orderTpl">
                                        {{each res.data as item index}}
                                        <div class="order-status5">
                                            <div class="order-title">
                                                <div class="dd-num">订单编号：<a href="javascript:;">{{item.order_sn}}</a></div>
                                                <span>成交时间：{{item.pay_time}}</span>
                                            </div>

                                            <div class="order-content">
                                                <div class="order-left">
                                                    <ul class="item-list">
                                                        <li class="td td-item">
                                                            <div class="item-pic">
                                                                <a href="./info.html?id={{item.goods.c_id}}&type={{item.goods.type == '教学' ? 1 : 2}}&typeAssort={{item.goods.assort == '答题' ? 1 : 2}}&curId={{item.goods.id}}" class="J_MakePoint">
                                                                    <img src="{{item.goods.goods_img}}" class="itempic J_ItemImg">
                                                                </a>
                                                            </div>
                                                            <div class="item-info">
                                                                <div class="item-basic-info">
                                                                    <a href="./info.html?id={{item.goods.c_id}}&type={{item.goods.type == '教学' ? 1 : 2}}&typeAssort={{item.goods.assort == '答题' ? 1 : 2}}&curId={{item.goods.id}}">
                                                                        <p>{{item.g_name}}</p>
                                                                        <!-- <p class="info-little">颜色：12#川南玛瑙
                                                                        <br>包装：裸装 </p> -->
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="td td-price">
                                                            <div class="item-price">
                                                                {{item.pay_amount}}
                                                            </div>
                                                        </li>
                                                        <li class="td td-number">
                                                            <div class="item-number">
                                                                <span>×</span>1
                                                            </div>
                                                        </li>
                                                        <li class="td td-operation">
                                                            <div class="item-operation">
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="order-right">
                                                    <li class="td td-amount">
                                                        <div class="item-amount">
                                                            合计：{{item.pay_amount}}
                                                            <!-- <p>含运费：<span>10.00</span></p> -->
                                                        </div>
                                                    </li>
                                                    <div class="move-right">
                                                        <li class="td td-status">
                                                            <div class="item-status">
                                                                <p class="Mystatus">交易成功</p>
                                                                <p class="order-info">{{item.pay_type}}支付</p>
                                                            </div>
                                                        </li>
                                                        <li class="td td-change">
                                                            <div class="am-btn am-btn-danger anniu">
                                                                订单已完成
                                                            </div>
                                                        </li>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        {{/each}}
                                    </script>


                                </div>
                            </div>
                        </div>
                        <!-- <div class="am-tab-panel am-fade" id="tab2">
                            <div class="order-top">
                                <div class="th th-item">
                                    商品
                                </div>
                                <div class="th th-price">
                                    单价
                                </div>
                                <div class="th th-number">
                                    数量
                                </div>
                                <div class="th th-operation">
                                    商品操作
                                </div>
                                <div class="th th-amount">
                                    合计
                                </div>
                                <div class="th th-status">
                                    交易状态
                                </div>
                                <div class="th th-change">
                                    交易操作
                                </div>
                            </div>
                            <div class="order-main">
                                <div class="order-list">

                                    <div class="order-status4">
                                        <div class="order-title">
                                            <div class="dd-num">订单编号：<a href="javascript:;">1601430</a></div>
                                            <span>成交时间：2015-12-20</span>
                                        </div>
                                        <div class="order-content">
                                            <div class="order-left">
                                                <ul class="item-list">
                                                    <li class="td td-item">
                                                        <div class="item-pic">
                                                            <a href="#" class="J_MakePoint">
                                                                <img src="images/center/order/kouhong.jpg" class="itempic J_ItemImg">
                                                            </a>
                                                        </div>
                                                        <div class="item-info">
                                                            <div class="item-basic-info">
                                                                <a href="#">
                                                                    <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                                    <p class="info-little">颜色：12#川南玛瑙
                                                                        <br>包装：裸装 </p>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="td td-price">
                                                        <div class="item-price">
                                                            333.00
                                                        </div>
                                                    </li>
                                                    <li class="td td-number">
                                                        <div class="item-number">
                                                            <span>×</span>2
                                                        </div>
                                                    </li>
                                                    <li class="td td-operation">
                                                        <div class="item-operation">
                                                            <a href="https://www.jq22.com/demo/jquerygwscmoban201910300012/person/refund.html">退款/退货</a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="order-right">
                                                <li class="td td-amount">
                                                    <div class="item-amount">
                                                        合计：676.00
                                                        <p>含运费：<span>10.00</span></p>
                                                    </div>
                                                </li>
                                                <div class="move-right">
                                                    <li class="td td-status">
                                                        <div class="item-status">
                                                            <p class="Mystatus">交易成功</p>
                                                            <p class="order-info"><a href="https://www.jq22.com/demo/jquerygwscmoban201910300012/person/orderinfo.html">订单详情</a></p>
                                                            <p class="order-info"><a href="https://www.jq22.com/demo/jquerygwscmoban201910300012/person/logistics.html">查看物流</a></p>
                                                        </div>
                                                    </li>
                                                    <li class="td td-change">
                                                        <a href="https://www.jq22.com/demo/jquerygwscmoban201910300012/person/commentlist.html">
                                                            <div class="am-btn am-btn-danger anniu">
                                                                评价商品
                                                            </div>
                                                        </a>
                                                    </li>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="order-status4">
                                        <div class="order-title">
                                            <div class="dd-num">订单编号：<a href="javascript:;">1601430</a></div>
                                            <span>成交时间：2015-12-20</span>

                                        </div>
                                        <div class="order-content">
                                            <div class="order-left">
                                                <ul class="item-list">
                                                    <li class="td td-item">
                                                        <div class="item-pic">
                                                            <a href="#" class="J_MakePoint">
                                                                <img src="images/center/order/kouhong.jpg" class="itempic J_ItemImg">
                                                            </a>
                                                        </div>
                                                        <div class="item-info">
                                                            <div class="item-basic-info">
                                                                <a href="#">
                                                                    <p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                                                                    <p class="info-little">颜色：12#川南玛瑙
                                                                        <br>包装：裸装 </p>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="td td-price">
                                                        <div class="item-price">
                                                            333.00
                                                        </div>
                                                    </li>
                                                    <li class="td td-number">
                                                        <div class="item-number">
                                                            <span>×</span>2
                                                        </div>
                                                    </li>
                                                    <li class="td td-operation">
                                                        <div class="item-operation">
                                                            <a href="https://www.jq22.com/demo/jquerygwscmoban201910300012/person/refund.html">退款/退货</a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="order-right">
                                                <li class="td td-amount">
                                                    <div class="item-amount">
                                                        合计：676.00
                                                        <p>含运费：<span>10.00</span></p>
                                                    </div>
                                                </li>
                                                <div class="move-right">
                                                    <li class="td td-status">
                                                        <div class="item-status">
                                                            <p class="Mystatus">交易成功</p>
                                                            <p class="order-info"><a href="https://www.jq22.com/demo/jquerygwscmoban201910300012/person/orderinfo.html">订单详情</a></p>
                                                            <p class="order-info"><a href="https://www.jq22.com/demo/jquerygwscmoban201910300012/person/logistics.html">查看物流</a></p>
                                                        </div>
                                                    </li>
                                                    <li class="td td-change">
                                                        <a href="https://www.jq22.com/demo/jquerygwscmoban201910300012/person/commentlist.html">
                                                            <div class="am-btn am-btn-danger anniu">
                                                                评价商品
                                                            </div>
                                                        </a>
                                                    </li>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>

    </div>
    <aside class="menu">
        <ul>
            <!-- <li class="person">
                <a href="https://www.jq22.com/demo/jquerygwscmoban201910300012/person/index.html">个人中心</a>
            </li>
            <li class="person">
                <a href="#">个人资料</a>
                <ul>
                    <li><a href="javascript:alert('暂未开放');">个人信息</a></li>
                    <li><a href="javascript:alert('暂未开放');">安全设置</a></li>
                    <li><a href="javascript:alert('暂未开放');">收货地址</a></li>
                </ul>
            </li> -->
            <li class="person">
                <!-- <a href="#">我的交易</a> -->
                <ul>
                    <li class="active"><a href="/personal_center.html">订单管理</a></li>
                    <!-- <li><a href="javascript:alert('暂未开放');">退款售后</a></li> -->
                </ul>
            </li>
        </ul>
    </aside>
</div>


</body>
<!-- footer -->
<div class="index_footer_div_3" id="footer"></div>
<script>$("#footer").load("./footer.html");</script>

<script src="./js/personal_center.js"></script>
</html>